import styled from 'styled-components'

const SubjectListContainer = styled.div `
    padding: 0 0.16rem;
    display:flex;
    flex-direction:column;
    height:calc(100% - 50px);
    position:relative;
    overflow:scroll;
    
    .container{
        .tit{
        padding:0.18rem 0.16rem ;
        line-height:0.18rem;
        font-size:0.2rem;
        }
        ul{
            clear: both;
            li{
                float:left;
                background:#fff;
                height:0.8rem;
                width:1.64rem;
                margin:0.035rem;
                box-shadow:0 0.02rem 0.02rem 0 #ccc;
                border-radius:0.05rem;
                display:flex;
                align-items:center;
                flex-direction:row;
                justify-content:center;
                .img{
                    height:0.4rem;
                    width:0.4rem;
                    align-items:center;
                    img{
                        height:100%;
                        width:100%;
                    }
                }
                .right{
                    width:0.7rem;
                    display:flex;
                    flex-direction:column;
                    margin-left:0.1rem;
                    padding-left:0.1rem;
                    h5{
                        color:#666;
                        font-size:0.13rem;
                            line-height:0.14rem;
                            font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
                            margin-bottom:0.05rem;
                    }
                    .common{
                        
                        display:flex;
                        flex-direction:row;
                        i{
                            color:#AEAEAE;
                            font-size:0.12rem;
                            line-height:0.13rem;
                            padding-top:0.03rem;
                            font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
                        }
                        span{
                            display:block;
                            height:0.14rem;
                            width:0.14rem;
                            img{
                                height:100%;
                                width:100%;
                            }
                        }
                    }
                }
            }
        }

    }
`
export {
    SubjectListContainer
}